<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Lennie</title>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
    <link rel='stylesheet' type='text/css' href='css/fullcalendar.css' />
    <script src="phonegap.js"></script>
    <script src="lib/jquery-1.7.2.min.js"></script>
    <script src="js/mobileinit.js"></script>
    <script src="lib/jquery.mobile-1.1.0.min.js"></script>
    <script src="js/Model.sql.js"></script>
    <script src="js/Model.js"></script>
    <script src="js/Interface.js"></script>
    <script src="js/Header.js"></script>
    <script src="js/ListViewPage.js"></script>
    <script src="js/ListView.js"></script>
    <script src="js/DetailPage.js"></script>
    <script src="js/Controller.js"></script>
    <script src="lib/fullcalendar.min.js"></script>
</head>
<body>
        <div data-role="page" class="type-interior" id="Calendar">
			<div data-role="header">
				<a class="a-back" data-role="button" data-rel="back" data-icon="back">Back</a>
				<h1 class="h1-title"></h1>
			</div>
            <div data-role="content">                                
                <div class="content-primary">
					<div  class="ui-body">
						<div id="calendar" class="fc" style="width:100%; margin: 0 auto;"></div>
						<select name="MonthWeekSelect" id="MonthWeekSelect" data-role="slider">
							<option id="Month" value="Month" selected="selected">Month</option>
							<option id="Week" value="Week" >Week</option>
						</select>
						<fieldset class="ui-grid-a">
							<div class="ui-block-a">
								<a id="Prev" href="#" data-role="button" >Previous</a>
							</div>
							<div class="ui-block-b">
								<a id="Next" href="#" data-role="button" >Next</a>
							</div>
						</fieldset>
						<a id="GetToday" href="#" data-role="button" >Show Today</a>
						
						</br></br>
						<div data-role="fieldcontain" style="width:100%; margin: 0 auto;">
							<fieldset data-role="controlgroup" style="width:100%; margin: 0 auto;">
							<legend>Show Experiment Control Group:</legend>
							<div id="HideShowEvents">
							</div>
							</fieldset>
						</div>
					</div>					 
				</div>
            </div>
        </div>
    </body>
</html>
